<template>
  <div class="content" style="width: 100%;height: 100%">
    <Header :tab-active="tabActive" @tabChange="tabChange"></Header>
    <Content :tab-index="tabActive"></Content>
  </div>
</template>

<script>
import Header from "@/components/Header/Header.vue";
import Content from "@/components/Content/Content.vue";
export default {
  data(){
    return{
      tabActive:1
    }
  },
  components:{
    Header,Content
  },
  methods:{
    tabChange(index){
      this.tabActive=index
    }
  },
}
</script>

<style lang="scss" scoped>
.content{
  background: url("~@/assets/images/background.jpg") no-repeat center;
  background-size: 100% 100%;
}
</style>
